<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="实训4.css">
</head>

<body>
    <div class="wrapper"><!--封装内容区-->
        <!-- 导航栏 -->
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">HTML5资讯</a></li>
                <li><a href="#">移动互联网</a></li>
                <li><a href="#">应用推荐</a></li>
                <li><a href="#">教程视频</a></li>
                <li><a href="#">资源下载</a></li>
                <li><a href="#">开发工具</a></li>
                <li><a href="#">HTML5论坛 </a></li>
            </ul>
        </div>
        <!-- 内容区 -->
        <div class="content">
            <!-- 内容 -->
            <div class="article">
                <h1>HTML5：过去、现在、未来</h1>

                <h2>1.HTML5：过去、现在、未来</h2>
                <p>展示了HTML5的发展路程，从1991年HTML的出现，经过多年演变和进化，2009年HTML5问世了。它超越了以往的功能，增加了web网页的表现力，同时也增加了表单、本地数据等全新功能，对于网站的建设是一个全新的体验，HTML5带给Web无穷无尽的可塑性。
                </p>
                <p>HTML5支持多种媒体设备和浏览器，对Web和移动的应用和浏览器都有着较高的支持性和兼容性。据IDC调查，2012年1月，使用HTML5开发的应用程序已占据应用总数的78</p>
                <p>乔布斯认为HTML5的到来，让Web开发人员再也无需依赖第三方浏览器插件，就能开发出高品质的图片、排版、动画等。</p>

                <h2>2.什么是HTML5？</h2>
                <p>该信息图标简单的介绍了HTML5的特性和功能，以及五大主流浏览器使用HTML5的程度，IE的网站使用了HTML5技术。除去IE6-8浏览器外，其他主流浏览器都支持HTML5，其中仅有iPhone/iPad不支持Flash。（26
                </p>

                <h2>3.HTML5发展史</h2>
                <p>HTML5从何而来？如何摇身一变成为今日的Web标准？答案就在下面的图表中。从2004年Web超文本应用技术工作组（WHATWG</p>

                <h2>4.为什么开发者需要HTML5</h2>
                <p>长久以来，HTML5一直被遮蔽在FlashHTML5从何而来？如何摇身一变成为今日的Web标准？答案就在下面的图表中。从2004年Web超文本应用技术工作组（WHATWG
                    ）成立开始，直至展望2013年HMTL5预计将超过10亿用户，该信息图标详细介绍了HTML5发展历程和里程碑。</p>

                <h2>5.HTML5：浏览器的未来</h2>
                <p>从2012年1月的数据来看，全球已有超过34HTML5从何而来？如何摇身一变成为今日的Web标准？答案就在下面的图表中。从2004年Web超文本应用技术工作组（WHATWG
                    ）成立开始，直至展望2013年HMTL5预计将超过10亿用户，该信息图标详细介绍了HTML5发展历程和里程碑。</p>

                <h2>6.HTML5：移动领域的下一个阶段</h2>
                <p>据IDC调查研究显示，2013年全球各地将有10亿人使用HTML5浏览器，将有200万开发人员为HTML5浏览器开发应用。HTML5在未来的5</p>

                <h2>7.HTML5的美妙世界</h2>
                <p>该信息图表显示，预计2016年将有超过21亿部移动设备使用HTML5浏览器，该数据是2010年</p>
            </div>
            <!-- 侧栏 -->
            <div class="asidebar">
                <div class="aside">
                    <h2>参考资料</h2>
                    <ul>
                        <li><a href="#">HTML5技术差异特征理解</a></li>
                        <li><a href="#">HTML的时代到来</a></li>
                        <li><a href="#">HTML5标准</a></li>
                        <li><a href="#">HTML5游戏开发盈利之道</a></li>
                        <li><a href="#">HTML5的N个最常见问题</a></li>
                        <li><a href="#">W3C正式宣布完成HTML5规范</a></li>
                        <li><a href="#">HTML5规范开发完成，可能成为主流</a></li>
                        <li><a href="#">应用HTML5须知五则</a></li>
                    </ul>
                </div>
                <div class="aside">
                    <h2>扩展阅读</h2>
                    <ul>
                        <li><a href="#">HTML5的未来</a></li>
                        <li><a href="#">你不知道的HTML5开发工具</a></li>
                        <li><a href="#">HTML5引领下的Web革命</a></li>
                        <li><a href="#">HTML5引领下的Web革命</a></li>
                        <li><a href="#">HTML亟待解决的4大问题</a></li>
                        <li><a href="#">HTML亟待解决的4大问题</a></li>
                        <li><a href="#">HTML5巨头的游戏</a></li>
                        <li><a href="#">HTML之article与section的区别</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <p>Copyright &copy; 2030</p>
        </div>
    </div>
</body>

</html>